@charset "utf-8";
@import url(btn.css);

html, body {
 background-image: url(images/o_stile.jpg);
 background-color: #FFF;
}

button, .button {
 text-decoration: none;
 font: 11px"Trebuchet MS", Arial, Helvetica, sans-serif;
 color: #ddd;
 line-height: 34px;
 height: 34px;
 display: inline-block;
 float: left;
 margin: 2px;
 padding: 0;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #6f6), color-stop(100%, #090));
 box-shadow: 0px 1px 0px #ccc,
             inset 2px 2px 6px rgba(255,255,255,1),
             inset 0 -1px 3px rgba(255,255,255,.4);
/*  box-shadow: inset 2px 2px 6px #fff,  0px 1px 0px #ccc;*/
 border: 1px outset #6f6;
 border-radius: 7px;
 background-color: #FFF;
 -webkit-transition: border-color.20s;
}

button {
 height: 34px !important;
 cursor: pointer;
}

button:hover, .button:hover {
 border-color: #ddd;
}

button:active, .button:active {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #6f6), color-stop(100%, #090));
 box-shadow: 0px 1px 0px #ccc,inset 1px 1px 6px #fff;
}

button .label, .button .label {
 /*text-shadow: 1px 1px 1px #666;*/
 text-shadow: 0px -1px 0 #666;
 color: #fff;
 font-weight: bold;
 font-size: 24px;
 float: left;
 width: 34px;  
/*  -webkit-text-fill-color: #fff;
  -webkit-text-stroke-color: #666;
  -webkit-text-stroke-width: 1.00px;*/
}

.label:hover {
}

button span.icon, .button span.icon {
 background-image: url(images/sprite-gray.png);
}

.ddm:hover span.icon, button:hover span.icon, .button:hover span.icon {
 background-image: url(images/sprite-colour.png);
}

button span.icon, .button span.icon {
 display: inline-block;
 float: left;
 line-height: 34px;
 height: 34px;
 width: 34px;
 overflow: hidden;
 text-indent: -9999px;
 background-repeat: no-repeat;
 transition: background-image 0.20s linear;
}

button:hover .label.punct, .button:hover .label.punct {
 color: #666;
}

/*------------------------------------*\
	$ DES
\*------------------------------------*/
.m_note { 
 background-image: url(images/o_stile.jpg); 
}
.top_set {
 background-image: url(images/o_leather.png);
}
.yellow {
 background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffc), color-stop(100%, #fc0));
 border: 1px outset #FF6;
 box-shadow: 0px 1px 0px #ddd, inset 2px 2px 6px #fff;
}

#o_style {
 display: none;
}
/*------------------------------------*\
	$ DIV
\*------------------------------------*/

#left_area {
	right: 50px;
}

#right_area {
 bottom: 40px;
	width: 44px;
}


#left_ftr_area {
 height: 40px;
 width:280px;
}

#right_ftr_area {
 height: 40px; 
 width:440px;
}


/*------------------------------------*\
	$ICONS
\*------------------------------------*/

/* Sprite Row 1 */
span.icon1 {background-position: -0px -0px;}
span.icon2 {background-position: -18px -0px;}
span.icon3 {background-position: -36px -0px;}
span.icon4 {background-position: -54px -0px;}
span.icon5 {background-position: -72px -0px;}
span.icon6 {background-position: -90px -0px;}
span.icon7 {background-position: -108px -0px;}
span.icon8 {background-position: -126px -0px;}
span.icon9 {background-position: -144px -0px;}
span.icon10 {background-position: -162px -0px;}
span.icon11 {background-position: -180px -0px;}
span.icon12 {background-position: -198px -0px;}
span.icon13 {background-position: -216px -0px;}
span.icon14 {background-position: -234px -0px;}
span.icon15 {background-position: -252px -0px;}
span.icon16 {background-position: -270px -0px;}
span.icon17 {background-position: -288px -0px;}
span.icon18 {background-position: -306px -0px;}
span.icon19 {background-position: -324px -0px;}
span.icon20 {background-position: -342px -0px;}

/* Sprite Row 2 */
span.icon21 {background-position: -0px -18px;}
span.icon22 {background-position: -18px -18px;}
span.icon23 {background-position: -36px -18px;}
span.icon24 {background-position: -54px -18px;}
span.icon25 {background-position: -72px -18px;}
span.icon26 {background-position: -90px -18px;}
span.icon27 {background-position: -108px -18px;}
span.icon28 {background-position: -126px -18px;}
span.icon29 {background-position: -144px -18px;}
span.icon30 {background-position: -162px -18px;}
span.icon31 {background-position: -180px -18px;}
span.icon32 {background-position: -198px -18px;}
span.icon33 {background-position: -216px -18px;}
span.icon34 {background-position: -234px -18px;}
span.icon35 {background-position: -252px -18px;}
span.icon36 {background-position: -270px -18px;}
span.icon37 {background-position: -288px -18px;}
span.icon38 {background-position: -306px -18px;}
span.icon39 {background-position: -324px -18px;}
span.icon40 {background-position: -342px -18px;}

/* Sprite Row 3 */
span.icon41 {background-position: -0px -36px;}
span.icon42 {background-position: -18px -36px;}
span.icon43 {background-position: -36px -36px;}
/*span.icon44 {background-position: -54px -36px;}*/
span.icon45 {background-position: -72px -36px;}
span.icon46 {background-position: -90px -36px;}
span.icon47 {background-position: -108px -36px;}
span.icon48 {background-position: -126px -36px;}
span.icon49 {background-position: -144px -36px;}
span.icon50 {background-position: -162px -36px;}
span.icon51 {background-position: -180px -36px;}
span.icon52 {background-position: -198px -36px;}
span.icon53 {background-position: -216px -36px;}
span.icon54 {background-position: -234px -36px;}
span.icon55 {background-position: -252px -36px;}
span.icon56 {background-position: -270px -36px;}
span.icon57 {background-position: -288px -36px;}
span.icon58 {background-position: -306px -36px;}
span.icon59 {background-position: -324px -36px;}
span.icon60 {background-position: -342px -36px;}

/* Sprite Row 4 */
span.icon61 {background-position: -0px -54px;}
span.icon62 {background-position: -18px -54px;}
span.icon63 {background-position: -36px -54px;}
span.icon64 {background-position: -54px -54px;}
span.icon65 {background-position: -72px -54px;}
span.icon66 {background-position: -90px -54px;}
/*span.icon67 {background-position: -108px -54px;}*/
span.icon68 {background-position: -126px -54px;}
span.icon69 {background-position: -144px -54px;}
span.icon70 {background-position: -162px -54px;}
span.icon71 {background-position: -180px -54px;}
span.icon72 {background-position: -198px -54px;}
span.icon73 {background-position: -216px -54px;}
span.icon74 {background-position: -234px -54px;}
span.icon75 {background-position: -252px -54px;}
span.icon76 {background-position: -270px -54px;}
/*span.icon77 {background-position: -288px -54px;}*/
span.icon78 {background-position: -306px -54px;}
span.icon79 {background-position: -324px -54px;}
span.icon80 {background-position: -342px -54px;}

/* Sprite Row 5 */
span.icon81 {background-position: -0px -72px;}
span.icon82 {background-position: -18px -72px;}
span.icon83 {background-position: -36px -72px;}
span.icon84 {background-position: -54px -72px;}
span.icon85 {background-position: -72px -72px;}
span.icon86 {background-position: -90px -72px;}
span.icon87 {background-position: -108px -72px;}
/*span.icon88 {background-position: -126px -72px;}*/
span.icon89 {background-position: -144px -72px;}
span.icon90 {background-position: -162px -72px;}
span.icon91 {background-position: -180px -72px;}
span.icon92 {background-position: -198px -72px;}
span.icon93 {background-position: -216px -72px;}
span.icon94 {background-position: -234px -72px;}
span.icon95 {background-position: -252px -72px;}
span.icon96 {background-position: -270px -72px;}
span.icon97 {background-position: -288px -72px;}
span.icon98 {background-position: -306px -72px;}
span.icon99 {background-position: -324px -72px;}
span.icon100 {background-position: -342px -72px;}

/* Sprite Row 6 */
span.icon101 {background-position: -0px -90px;}
span.icon102 {background-position: -18px -90px;}
span.icon103 {background-position: -36px -90px;}
/*span.icon104 {background-position: -54px -90px;}*/
span.icon105 {background-position: -72px -90px;}
span.icon106 {background-position: -90px -90px;}
span.icon107 {background-position: -108px -90px;}
span.icon108 {background-position: -126px -90px;}
span.icon109 {background-position: -144px -90px;}
span.icon110 {background-position: -162px -90px;}
span.icon111 {background-position: -180px -90px;}
span.icon112 {background-position: -198px -90px;}
span.icon113 {background-position: -216px -90px;}
span.icon114 {background-position: -234px -90px;}
span.icon115 {background-position: -252px -90px;}
span.icon116 {background-position: -270px -90px;}
span.icon117 {background-position: -288px -90px;}
span.icon118 {background-position: -306px -90px;}
span.icon119 {background-position: -324px -90px;}
span.icon120 {background-position: -342px -90px;}

/* Sprite Row 7 */
span.icon121 {background-position: -0px -108px;}
span.icon122 {background-position: -18px -108px;}
span.icon123 {background-position: -36px -108px;}
span.icon124 {background-position: -54px -108px;}
span.icon125 {background-position: -72px -108px;}
span.icon126 {background-position: -90px -108px;}
span.icon127 {background-position: -108px -108px;}
span.icon128 {background-position: -126px -108px;}
/*span.icon129 {background-position: -144px -108px;}*/
span.icon130 {background-position: -162px -108px;}
span.icon131 {background-position: -180px -108px;}
span.icon132 {background-position: -198px -108px;}
span.icon133 {background-position: -216px -108px;}
span.icon134 {background-position: -234px -108px;}
span.icon135 {background-position: -252px -108px;}
span.icon136 {background-position: -270px -108px;}
span.icon137 {background-position: -288px -108px;}
span.icon138 {background-position: -306px -108px;}
span.icon139 {background-position: -324px -108px;}
span.icon140 {background-position: -342px -108px;}

/* Sprite Row 8 */
span.icon141 {background-position: -0px -126px;}
span.icon142 {background-position: -18px -126px;}
span.icon143 {background-position: -36px -126px;}
span.icon144 {background-position: -54px -126px;}
span.icon145 {background-position: -72px -126px;}
span.icon146 {background-position: -90px -126px;}
span.icon147 {background-position: -108px -126px;}
span.icon148 {background-position: -126px -126px;}
span.icon149 {background-position: -144px -126px;}
span.icon150 {background-position: -162px -126px;}
span.icon151 {background-position: -180px -126px;}
span.icon152 {background-position: -198px -126px;}
span.icon153 {background-position: -216px -126px;}
span.icon154 {background-position: -234px -126px;}
span.icon155 {background-position: -252px -126px;}
span.icon156 {background-position: -270px -126px;}
span.icon157 {background-position: -288px -126px;}
span.icon158 {background-position: -306px -126px;}
span.icon159 {background-position: -324px -126px;}
span.icon160 {background-position: -342px -126px;}

/* Sprite Row 9 */
span.icon161 {background-position: -0px -144px;}
span.icon162 {background-position: -18px -144px;}
span.icon163 {background-position: -36px -144px;}
span.icon164 {background-position: -54px -144px;}
span.icon165 {background-position: -72px -144px;}
span.icon166 {background-position: -90px -144px;}
span.icon167 {background-position: -108px -144px;}
span.icon168 {background-position: -126px -144px;}
span.icon169 {background-position: -144px -144px;}
span.icon170 {background-position: -162px -144px;}
span.icon171 {background-position: -180px -144px;}
span.icon172 {background-position: -198px -144px;}
span.icon173 {background-position: -216px -144px;}
span.icon174 {background-position: -234px -144px;}
span.icon175 {background-position: -252px -144px;}
span.icon176 {background-position: -270px -144px;}
span.icon177 {background-position: -288px -144px;}
span.icon178 {background-position: -306px -144px;}
span.icon179 {background-position: -324px -144px;}
span.icon180 {background-position: -342px -144px;}

/* Sprite Row 10 */
span.icon181 {background-position: -0px -162px;}
span.icon182 {background-position: -18px -162px;}
span.icon183 {background-position: -36px -162px;}
span.icon184 {background-position: -54px -162px;}
span.icon185 {background-position: -72px -162px;}
/*span.icon186 {background-position: -90px -162px;}*/
span.icon187 {background-position: -108px -162px;}
/*span.icon188 {background-position: -126px -162px;}*/
span.icon189 {background-position: -144px -162px;}
span.icon190 {background-position: -162px -162px;}
span.icon191 {background-position: -180px -162px;}
span.icon192 {background-position: -198px -162px;}
span.icon193 {background-position: -216px -162px;}
span.icon194 {background-position: -234px -162px;}
span.icon195 {background-position: -252px -162px;}
span.icon196 {background-position: -270px -162px;}
/*span.icon197 {background-position: -288px -162px;}*/
span.icon198 {background-position: -306px -162px;}
span.icon199 {background-position: -324px -162px;}
span.icon200 {background-position: -342px -162px;}

/* Sprite Row 11 */
/*span.icon201 {background-position: -0px -180px;}*/
/*span.icon202 {background-position: -18px -180px;}*/
/*span.icon203 {background-position: -36px -180px;}*/
/*span.icon204 {background-position: -54px -180px;}*/
/*span.icon205 {background-position: -72px -180px;}*/
/*span.icon206 {background-position: -104px -180px;}*/
span.icon207 {background-position: -136px -180px;}


/* Sprite Row 12 */
span.icon186 {background-position: -0px -198px;}
span.icon201 {background-position: -34px -198px;}
span.icon77 {background-position: -68px -198px;}
span.punct1 {background-position: -102px -198px;}
span.punct2 {background-position: -136px -198px;}
span.punct3 {background-position: -170px -198px;}
span.punct4 {background-position: -204px -198px;}
span.punct5 {background-position: -238px -198px;}
span.punct6 {background-position: -272px -198px;}
span.icon44 {background-position: -306px -198px;}

/* Sprite Row 13 */
span.icon188 {background-position: -0px -232px;}
span.punct8 {background-position: -34px -232px;}
span.punct9 {background-position: -68px -232px;}
span.punct10 {background-position: -102px -232px;}
span.icon204 {background-position: -136px -232px;}
/*span.icon197 {background-position: -170px -232px;}*/
span.icon202 {background-position: -204px -232px;}
span.icon205 {background-position: -238px -232px;}
span.icon203 {background-position: -272px -232px;}
span.icon206 {background-position: -306px -232px;}

/*
span {background-position: -204px -232px;}
span {background-position: -238px -232px;}
span {background-position: -272px -232px;}
*/
span.icon129 {background-position: -306px -232px;} /*-----------------*/

/* Sprite Row 14 */
span.icon104 {background-position: -0px -266px;}
span.icon88 {background-position: -34px -266px;}
span.icon67 {background-position: -68px -266px;}
span.icon197 {background-position: -102px -266px;}
spanicon {background-position: -136px -266px;}
spanicon {background-position: -170px -266px;}
spanicon {background-position: -204px -266px;}
spanicon {background-position: -238px -266px;}
spanicon {background-position: -272px -266px;}
spanicon {background-position: -306px -266px;}